/**
 * @description 表格的模板数据
 */
const listDefaultData = {
  version: '002',
  base: {
    headerIconFlag: true,
    header_icon_add: "PlusOutlined",
    header_icon_deletes: "DeleteOutlined",
    header_icon_others: "",
    header_text_add: "新增",
    header_text_deletes: '删除',

    tableIconFlag: true,
    table_icon_view: "EyeOutlined",
    table_icon_delete: "DeleteOutlined",
    table_icon_edit: "EditOutlined",
    table_icon_others: "",
    table_text_view: "查看",
    table_text_delete: '删除',
    table_text_edit: '修改',

    table_config: {
      // 表配置
      align: 'center',
      colorBgContainer: "#fff",
      colorText: "rgba(0, 0, 0, 0.88)",
      fontSize: "14px",

      // 表头配置
      headerBg: '#fafafa',
      headerColor: 'rgba(0, 0, 0, 0.88)',
      headerSortActiveBg: "#f0f0f0",
      headerSortHoverBg: "#f0f0f0",
      headerSplitColor: "#f0f0f0",
      headerBorderRadius: "8px",

      // 表格配置
      rowHoverBg: "#fafafa",
      rowSelectedBg: "#e6f4ff",
      rowSelectedHoverBg: "#bae0ff",
      selectionColumnWidth: "32px",

    },

  },
  blockKeys: ["pagination", "search"],

  wrapper: {
    classname: ".list-page",
    default: {
      padding: "0",
      margin: "0",
      background: "none",
      borderRadius: "0",
    }
  },

  // 1. 搜索区域
  search: {
    base: {
      labelFlag: true,
      colonFlag: true,
      search_text: "查询",
      search_icon: "SearchOutlined",
      add_text: "新增",
      add_icon: "PlusOutlined"
    },
    search_form: {
      classname: ".search",
      "default": {
        "width": "auto",
        "height": "auto",
        "padding": "10px 0",
        "margin": "0",
        display: "flex",
        "flex-wrap": " wrap",
        "alignItems": "center",
        "justifyContent": "flex-start"
      }
    },
    search_item: {
      classname: ".search .ant-form-item",
      "default": {
        margin: "0 16px 0 0",
        "padding": "0",
        flex: "none"
      },
    },
    search_label: {
      classname: ".search .ant-form-item .ant-form-item-label >label",
      "default": {
        "width": "auto",
        height: "32px",
        "color": "rgba(0, 0, 0, 0.88)",
        "fontSize": "14px",
        "display": "inline-flex",
        "alignItems": "center",
        "justifyContent": "center"
      },
    },
    search_placeholder: {
      classname: ".search .ant-form-item input::placeholder, .search .ant-form-item .ant-select-selection-placeholder",
      "default": {
        fontSize: "inherit",
        color: "rgba(0, 0, 0, 0.25)",
      },
    },
    search_input: {
      classname: ".search .ant-input-affix-wrapper",
      "default": {
        "height": "auto",
        width: "120px",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
        "background": "#fff",
      },
      "focus": {
        "border": "1px solid #4096ff",
        boxShadow: "0 0 0 2px rgba(5, 145, 255, 0.1)",
      }
    },
    search_input_icon: {
      classname: ".search .ant-input-affix-wrapper .anticon",
      "default": {
        color: "rgba(0, 0, 0, 0.45)",
        cursor: "pointer",
        transition: "all 0.3s",
      },
      "hover": {
        color: "rgba(0, 0, 0, 0.88)"
      }
    },
    search_select: {
      classname: ".search.ant-form .ant-form-item .ant-select.ant-select-outlined .ant-select-selector",
      "default": {
        "height": "100%",
        "width": "120px",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
        "background": "#fff",
      },
      focus: {
        "border-color": "#1677ff",
        "box-shadow": "0 0 0 2px rgba(5, 145, 255, 0.1)"
      }
    },
    search_select_icon: {
      classname: ".search .ant-select .ant-select-arrow, .search .ant-select .ant-select-clear",
      "default": {
        position: "absolute",
        top: "50%",
        height: "12px",
        margin: "-6px 0 0 0",
        "fontSize": "inherit",
        "color": "rgba(0, 0, 0, 0.25)",
      },
      "hover": {
        color: "rgba(0, 0, 0, 0.88)"
      }
    },
    search_date: {
      classname: ".search .ant-form-item .ant-picker",
      "default": {
        "height": "auto",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        padding: "4px 11px 4px",
        "borderRadius": "6px",
      },
      focus: {
        boxShadow: "0 0 0 2px rgba(5, 145, 255, 0.1)"
      }
    },
    search_date_icon: {
      classname: ".search .ant-picker .ant-picker-suffix",
      "default": {
        flex: "none",
        margin: "0 0 0 4px",
        "fontSize": "inherit",
        color: "rgba(0, 0, 0, 0.25)",
      }
    },
    search_btn_box: {
      classname: ".search .btn-wrapper",
      "default": {
        "display": "flex",
        "flexWrap": "wrap",
        "margin": "0",
        "padding": "0",
        "width": "auto",
        gap: "20px"
      },
    },
    "search_submit": {
      classname: ".search .btn-wrapper .submit-btn",
      "default": {
        "width": "auto",
        height: "32px",
        fontSize: "14px",
        color: "#fff",
        background: "#1677ff",
        "margin": "0",
        padding: "4px 15px",
        lineHeight: "1.5714285714285714",
        borderRadius: "6px",
        border: "1px solid transparent",
      },
      "hover": {
        color: "#fff",
        background: "#4096ff",
      }
    },
    search_add: {
      classname: ".search .btn-wrapper .add-btn",
      "default": {
        height: "32px",
        width: "auto",
        padding: "4px 15px",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        border: "1px solid #d9d9d9",
        borderRadius: "6px",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
      },
      "hover": {
        color: "#4096ff",
        border: "1px solid #4096ff",
        background: "#ffffff",
      }
    },
  },

  // 2. 头部按钮区域
  btn_box: {
    classname: ".list-btn-box",
    default: {
      display: "flex",
      alignItems: "center",
      flexWrap: "wrap",
      columnGap: "8px",
      rowGap: "8px",
      margin: " 0 0 10px 0",
      padding: "10px 0",
      background: "none",
    }
  },
  btn_add: {
    classname: ".list-page .list-btn-box .action-add",
    "default": {
      position: "relative",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "#ffffff",
      height: "32px",
      border: "1px solid #d9d9d9",
      borderRadius: "6px",
      boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
    },
    "hover": {
      color: "#4096ff",
      border: "1px solid #4096ff",
      background: "#ffffff",
    }
  },
  btn_deletes: {
    classname: ".list-page .list-btn-box .action-deletes",
    "default": {
      position: "relative",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "#ffffff",
      height: "32px",
      border: "1px solid #d9d9d9",
      padding: "4px 15px",
      borderRadius: "6px",
      boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
    },
    "hover": {
      color: "#4096ff",
      border: "1px solid #4096ff",
      background: "#ffffff",
    }
  },
  btn_others: {
    classname: ".list-page .list-btn-box .action-others",
    "default": {
      position: "relative",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "#ffffff",
      height: "32px",
      border: "1px solid #d9d9d9",
      padding: "4px 15px",
      borderRadius: "6px",
      boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
    },
    "hover": {
      color: "#4096ff",
      border: "1px solid #4096ff",
      background: "#ffffff",
    }
  },

  // 3. 表格区域

  table_box: {
    classname: ".list-page .ant-table",
    "default": {
      margin: "0",
      padding: "0"
    }
  },
  table_th: {
    classname: ".list-page .ant-table-wrapper .ant-table-thead >tr>th",
    "default": {
      fontWeight: "600",
      height: "auto",
      "border-bottom": "1px solid #f0f0f0",
    }
  },
  table_td: {
    classname: ".list-page .ant-table-wrapper .ant-table-tbody >tr >td",
    "default": {
      "border-bottom": "1px solid #f0f0f0",
    }
  },
  table_btn_box: {
    classname: ".list-page .action-box",
    default: {
      display: "flex",
      alignItems: "center",
      flexWrap: "wrap",
      columnGap: "8px",
      rowGap: "8px",
    }
  },
  table_btn_view: {
    classname: ".list-page .action-box .action-view",
    "default": {
      position: "relative",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "#ffffff",
      height: "24px",
      border: "1px solid #d9d9d9",
      padding: "0px 7px",
      borderRadius: "4px",
      boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
    },
    "hover": {
      color: "#4096ff",
      border: "1px solid #4096ff",
      background: "#ffffff",
    }
  },
  table_btn_delete: {
    classname: ".list-page .action-box .action-delete",
    "default": {
      position: "relative",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "#ffffff",
      height: "24px",
      border: "1px solid #d9d9d9",
      padding: "0px 7px",
      borderRadius: "4px",
      boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
    },
    "hover": {
      color: "#4096ff",
      border: "1px solid #4096ff",
      background: "#ffffff",
    }
  },
  table_btn_edit: {
    classname: ".list-page .action-box .action-edit",
    "default": {
      position: "relative",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "#ffffff",
      height: "24px",
      border: "1px solid #d9d9d9",
      padding: "0px 7px",
      borderRadius: "4px",
      boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
    },
    "hover": {
      color: "#4096ff",
      border: "1px solid #4096ff",
      background: "#ffffff",
    }
  },
  table_btn_others: {
    classname: ".list-page .action-box .action-others",
    "default": {
      position: "relative",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "#ffffff",
      height: "24px",
      border: "1px solid #d9d9d9",
      padding: "0px 7px",
      borderRadius: "4px",
      boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
    },
    "hover": {
      color: "#4096ff",
      border: "1px solid #4096ff",
      background: "#ffffff",
    }
  },
  // 4. 分页区域
  pagination: {
    base: {
      hideOnSinglePage: true,
      showSizeChanger: true,
      prev: '上一页',
      next: '下一页',
    },
    pagination_wrapper: {
      classname: '.ab-pagination-wrapper',
      "default": {
      }
    },
    pagination_box: {
      classname: '.ab-pagination',
      "default": {
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "none",
        margin: "16px 0",
        padding: "0",
        display: "flex",
        justifyContent: "flex-end",
        flexWrap: "wrap",
        gap: "8px",
      }
    },
    pagination_total: {
      classname: '.ab-pagination .ant-pagination-total-text',
      "default": {
        color: "inherit",
        flex: "none",
        display: "inline-block",
        height: "32px",
        lineHeight: "32px",
        margin: "0 8px 0 0",
        verticalAlign: "middle",
      }
    },
    pagination_pre: {
      classname: '.ab-pagination .ant-pagination-prev, .ab-pagination .ant-pagination-next, .ab-pagination .ant-pagination-jump-prev, .ab-pagination .ant-pagination-jump-next',
      "default": {
        flex: "none",
        display: "inline-block",
        color: "#1677ff",
        background: "none",
        minWidth: "32px",
        height: "32px",
        lineHeight: "32px",
        textAlign: "center",
        verticalAlign: "middle",
        borderRadius: "6px",
      }
    },
    pagination_pre_disable: {
      classname: '.ab-pagination .ant-pagination-prev.ant-pagination-disabled, .ab-pagination .ant-pagination-next.ant-pagination-disabled',
      "default": {
        color: "rgba(0, 0, 0, 0.25)",
        background: "none",
        cursor: "not-allowed",
      }
    },
    pagination_item: {
      classname: '.ab-pagination.ant-pagination .ant-pagination-item',
      "default": {
        flex: "none",
        display: "inline-block",
        color: "inherit",
        background: "none",
        minWidth: "32px",
        height: "32px",
        lineHeight: "32px",
        textAlign: "center",
        verticalAlign: "middle",
        border: "1px solid transparent",
        borderRadius: "6px",
      },
      hover: {
        background: "rgba(0, 0, 0, 0.06)"
      }
    },
    pagination_item_active: {
      classname: '.ab-pagination.ant-pagination .ant-pagination-item.ant-pagination-item-active',
      "default": {
        fontWeight: "600",
        color: "#1677ff",
        backgroundColor: "#ffffff",
        borderColor: " #1677ff",
      }
    },
    pagination_size: {
      classname: ".ant-pagination.ant-pagination .ant-select-selector",
      "default": {
        "height": "auto",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
        "backgroundColor": "#fff",
      }
    },
  },
  css: "/* 内容区的样式文件 */"
}

export default listDefaultData